<template>
    <view>
        <!--#ifdef APP-PLUS-->
        <view class="lz-status_bar">
            <view class="lz-top_view"></view>
        </view>
        <!--#endif-->
        <view class="kaoshi-head">
            <view class="kaoshi-head-top">
                <view class="kaoshi-head-left" @tap="$navigateBack">
                    <view class="iconfont icon-zuojiantou"></view>
                </view>
                <view class="kaoshi-head-m">用户协议</view>
            </view>
        </view>
        <view class="kaoshi-news">
            <uParse :content="vip_detail.content"/>
        </view>
    </view>
</template>
<script>
    import uParse from '@/components/uParse/src/wxParse.vue'
    import { mapState } from 'vuex'
    export default {
        data () {
            return {
				show_buy_options: false,
				user_info: {},
                vip_detail:{}
            }
        },
        onLoad () {
            this.vip_content()
        },

        mounted () {

        },
        computed: {
            ...mapState(['subject']),
        },
        components: {
            uParse
        },
        methods: {
            async vip_content () {
                let res = await this.$myHttp.post({
                    url: this.$myHttp.urlMap.vipdetails,
                    data: {
                        subject_id: this.subject.id,
                        article_id: 3
                    }
                })
                if (res.code === 1) {
                    res.data.create_time = this.$myUtils.$common.formatDate(
                        res.data.create_time * 1000,
                        "Y年M月D日 h:m:s"
                    );
                    this.vip_detail = res.data
                }
            }
        }
    }
</script>
<style>
    page{background: #fff}
    .kaoshi-news{
        width: 91%;
        margin: 0 auto;
        padding: 14px;
        font-size: 16px;
        background: #fff;
    }
    .kaoshi-news img{
        width: 100%;
    }
</style>
